<script setup>

import Navigation from "@/components/Navigation.vue";
</script>

<template>
  <el-container class="page">
    <el-header><navigation/></el-header>
    <el-main class="main-block">
      <div>
        <div class="background"/>
        <el-menu
            :default-active="1"
            class="el-menu-demo"
            mode="horizontal"
        >
          <el-menu-item index="1">我的信息</el-menu-item>
          <el-menu-item index="2">账号安全</el-menu-item>
          <el-menu-item index="3">我的组织</el-menu-item>
        </el-menu>
      </div>
    </el-main>
    <el-footer></el-footer>
  </el-container>
</template>

<style scoped>
.page{
  background-color: #f5f5f5;
}

.main-block{
  width: 70%;
  margin: 0 auto;
}

.background{
  height: 76px;
  padding-top: 116px;
  background-image: url("../assets/树林.avif");
}
</style>